jQuery লুপ হ্যান্ডলিংয়ের জন্য দুটি শক্তিশালী মেথড প্রদান করে: $.each() এবং $.map()। এই মেথডগুলি অ্যারে এবং অবজেক্টগুলির উপর ইটারেশন সহজ করে তোলে, যা জাভাস্ক্রিপ্টের নিজস্ব for বা forEach লুপের বিকল্প।
$.each() মেথড
$.each() মেথডটি একটি জেনেরিক ইটারেটর ফাংশন যা অ্যারে অথবা জাভাস্ক্রিপ্ট অবজেক্টের প্রতিটি এলিমেন্ট বা প্রোপার্টি উপর একটি ফাংশন প্রয়োগ করে।
অ্যারে উপর ব্যবহার:
var numbers = [1, 2, 3, 4, 5];
$.each(numbers, function(index, value) {
console.log(index + ": " + value);
});
অবজেক্ট উপর ব্যবহার:
var person = {name: "জন", age: 30, city: "নিউ ইয়র্ক"};
$.each(person, function(key, value) {
console.log(key + ": " + value);
});
$.map() মেথড
$.map() মেথডটি অ্যারে বা অবজেক্ট উপাদানগুলির উপর একটি ট্রান্সফরমেশন ফাংশন প্রয়োগ করে, এবং মডিফাইড ভ্যালুগুলির একটি নতুন অ্যারে ফেরত দেয়।
অ্যারে উপর ব্যবহার:
var numbers = [1, 2, 3, 4, 5];
var squares = $.map(numbers, function(value, index) {
return value * value;
});
console.log(squares); // [1, 4, 9, 16, 25]
অবজেক্ট উপর ব্যবহার (অ্যারে হিসেবে ফেরত দেয়):
var person = {name: "জন", age: 30, city: "নিউ ইয়র্ক"};
var values = $.map(person, function(value, key) {
return key + "=" + value;
});
console.log(values); // ["name=জন", "age=30", "city=নিউ ইয়র্ক"]
jQuery-র $.each() এবং $.map() মেথডগুলি ডেটা সংগ্রহের উপর ইফিসিয়েন্ট ইটারেশন এবং ট্রান্সফরমেশন প্রদান করে। $.each() মুলত ডেটা অ্যাক্সেস এবং মডিফিকেশনের জন্য ব্যবহার করা হয়, যেখানে $.map() ডেটা ট্রান্সফর্মেশন এবং নতুন ডেটা সংগ্রহ তৈরি করে। এগুলি কমপ্লেক্স ডেটা স্ট্রাকচার হ্যান্ডলিংয়ের জন্য দারুণ সমাধান প্রদান করে, বিশেষ করে যখন সহজে এবং কার্যকরভাবে ডেটা প্রসেসিং করা প্রয়োজন।
Read more